<template>
  <div>Animate
    <button @click="show=!show">toggle</button>
    <transition name="fade">
      <p v-if="show">{{msg}}</p>
    </transition>
  </div>
</template>

<script>
  export default {
    name: 'Animate',
    data() {
      return {
        show: true,
        msg: "content",
      }
    }
  }
</script>

<style scoped>

</style>
